<template>
    <div>
<!-- el-icon: 图标 -->
<!-- el-icon-user: 用户图标 -->
<!-- el-icon-s-operation: 操作图标 -->

<!-- el-container: 外层容器，内部左右分区。 -->
        <el-container>
            <!-- el-aside: 侧边栏 -->
            <el-aside width="200px">
                <!-- el-menu: 菜单 -->
                <el-menu :default-active="$route.path" router>
                    <!-- el-menu-item: 菜单项 -->
                    <el-menu-item index="/member">
                        <i class="el-icon-user"></i>
                        <span slot="title">党员管理</span>
                    </el-menu-item>
                    <el-menu-item index="/branch">
                        <i class="el-icon-s-operation"></i>
                        <span slot="title">党组织管理</span>
                    </el-menu-item>
                </el-menu>
            </el-aside>
            <!-- el-main: 主内容区 -->
            <el-main>
                <router-view></router-view>
            </el-main>
        </el-container>
    </div>
</template>